<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱V猫友情链接</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				text-decoration: none;
				list-style: none;
			}
			
			
			/* 顶部样式 */
		.top{
			width: 60%;
			margin: 0 auto;
			/* 弹性布局 */
			display: flex;
		}
		/* 登录注册样式 */
		.top  .login{
			/* 设置缩放 */
			flex: 1;
			/* 弹性盒子 */
			display: flex;
			/* 设置水平对齐方式 */
			justify-content: flex-end;
			/* 垂直对齐 */
			align-items: center;
		}
		.top  .login a{
			color: black;
			margin-left: 30px;
		}
		</style>
	</head>
	<body>
		
		<div class="top">
			<div>
				<img src="./img/logo.jpg" alt="">
			</div>
			<div class="login">
				<a href="">登录</a><a href="">注册</a>
			</div>
		</div>
		<div class="main">中间</div>
		<div class="bottom">底部</div>
	</body>
</html>